<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <meta name="renderer" content="webkit"/>
  <meta http-equiv="X-UA-Compatible" content="IE=edge"/>

  <!--[if lt IE 7]>
  <meta http-equiv="refresh" content="0; url=/YouLose.htm"/><![endif]-->

  <link rel="stylesheet" href="/reception/css/normalize.css" type="text/css"/>
  <link rel="stylesheet" href="/reception/css/secondary.css" type="text/css"/>
  <!--[if lt IE 9]>
  <script language="javascript" type="text/javascript" src="/reception/js/Kunyi.Respond.min.js"></script><![endif]-->
  <script language="javascript" type="text/javascript" src="/reception/js/KunyiHTML5.min.js"></script>
  <script language="javascript" type="text/javascript" src="/reception/js/Kunyilibrary.js"></script>
</head>
<body>
<script language="javascript" type="text/javascript" src="/reception/js/Kunyi.Init.js"></script>
<div th:insert="~{common::header}"></div>
<div th:insert="~{common::nav}"></div>

<section class="BaseMark">
  <div class="bread">您所在的位置<span><a href="/index">首页</a> > 在线留言</span>
  </div>
  <h2>在线留言</h2>
  <div class="emailMain">
    <div class="tabBase"><a href="/reception/liuyan" class="active">在线留言</a><a href="/reception/huifu">查看回复</a></div>
    <div class="clear"></div>
    <div class="emaillist">
      <form id="MessageForm" onsubmit="return false">
        <span>您的姓名</span>
        <input name="username" type="text" maxlength="6" id="tbName" class="name" autocomplete="off">
        <select name="gender" id="ddlSex">
          <option selected="selected" value="先生">先生</option>
          <option value="女士">女士</option>
        </select>
        <br>
        <span>手机号</span>
        <input name="phone" type="text" maxlength="12" id="tbTel" autocomplete="off"><br>
        <span>电子邮箱</span>
        <input name="email" type="email" maxlength="50" id="content" autocomplete="off"><br>
        <span>内容</span>
        <input type="text" name="content">
        <input type="button" onclick="addLiuYan()" value="提交留言" class="search animated"><br>
      </form>

      <div class="clear"></div>
      <ul>
        <li><span><em>1</em></span>请详细说明您的留言问题，以便我们给您解答。</li>
        <li>
          <span><em>2</em></span>
          本留言板会自动记录您的详细数据信息，<i>请不要预留 诽谤、攻击性及一切有违互联网相关反政策法规的信息。</i>
        </li>
        <li><span><em>3</em></span>本留言区为官方留言区。</li>
        <li><span><em>4</em></span>请完整输入您的信息，并填写正确!</li>
      </ul>
    </div>
  </div>
  <div class="clear"></div>
  </div>
  <div class="clear"></div>
</section>
<div class="BottomHidden"></div>
<div th:insert="~{common :: #footer}"></div>

<script language="javascript" type="text/javascript" src="/reception/js/Kunyi.Common.js"></script>
<script language="javascript" type="text/javascript" src="/reception/js/Kunyi.Secondary.js"></script>

<script>
  function addLiuYan() {
    $.ajax({
      url: '/reception/liuyan/add',
      dataType: 'JSON',
      type: 'POST',
      data: $("#MessageForm").serialize(),
      success: function (result) {
        alert(result.msg);
        return false;
      }
    })

  }
</script>
</body>
</html>
